<script setup>
const props = defineProps({
	tags: {
		type: Array,
		required: true,
		default:()=>{
			return [
				{
					name:'化妆品成分安全，你真的了解吗？',
				},
				{
					name:'化妆品过敏现象频发，根源何在？',
				},
				{
					name:'研究抗皱产品的功效，以及它们在减轻皱纹方面的实际表现和长期效果；研究抗皱产品的功效，以及它们在减轻皱纹方面的实际表现和长期效果',
				},
			]
		},
	},
})
</script>

<template>
	<div class="wrap">
		<div class="title">关键题库：</div>
		<div class="tags">
			<div class="tag" v-for="(item,index) in tags" :key="item.name">{{(index+1)+'、'}}{{item.name}}</div>
		</div>
	</div>
</template>

<style scoped lang="scss">
@import "../../../css/common";
.title{
	font-weight: 430;
	font-size: 18px;
	color: #000000;
	line-height: 21px;
	margin-bottom: 16px;
}
.tags{
	.tag{
		margin-bottom: 12px;
		font-weight: 305;
		font-size: 16px;
		color: #000000;
		@include line-clamp(19px,1)
	}
}
</style>
